<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="father">
    <el-page-header @back="goBack" content="公告详情" class="header"></el-page-header>
    <div class="body">
      <div>
        <h3>华为智选双十一活动中奖名单公告</h3>
      <p>
尾款前N名享加赠中奖名单如下：<br />

186****8272<br />
<br />
177****0517<br />
<br />
158****3872<br />
<br />
180****7889<br />
<br />
139****7578<br />
<br />
183****5555<br />
<br />
137****8688<br />
<br />
132****6617<br />
<br />
156****8778<br />
<br />
181****4678<br />
<br />
150****6209<br />
<br />
136****5357<br />
<br />
139****8088<br />
<br />
139****7893
<br /><br />
186****3905
<br /><br />
189****6565
<br /><br />
135****3264
<br /><br />
189****0303
<br /><br />
131****0006
<br /><br />
177****1850
<br /><br />
151****6307
<br /><br />
135****9317
<br /><br />
130****8128
<br /><br />
159****9030
<br /><br />
136****7117<br />
<br />
187****1100<br />
<br />
186****7058<br />
<br />
135****7123<br />
<br />
151****9685<br />
<br />
199****3699<br />
<br />
139****6000<br />
<br />
134****8725<br />
<br />
180****6466<br />
<br />
155****5111<br />
<br />
139****3690<br />
<br />
138****2919<br />
<br />
155****1825<br />
<br />
139****5323<br />
<br />
180****9933<br />
<br />
137****6663<br />
<br />
138****5339<br />
<br />
150****0024<br />
<br />
150****0578<br />
<br />
199****8076<br />
<br />
186****8606<br />
<br />
178****5598<br />
<br />
136****9422<br />
<br />
132****8201<br />
<br />
156****6398<br />
<br />
156****2269<br />
<br />
137****0678<br />
<br />
188****0053<br />
<br />
136****8877
<br /><br />
136****2478<br />
<br />
157****5252<br />
<br />
支付抽奖中奖名单如下：<br />
<br />
187****8167<br />
<br />
185****3954<br />
<br />
138****9121<br />
<br />
158****7575<br />
<br />
180****6296<br />
<br />
139****0985<br />
<br />
181****7177<br />
<br />
150****0433<br />
<br />
152****0848
<br /><br />
151****9413<br />
<br />
187****1910<br />
<br />
183****5566<br />
<br />
136****3284<br />
<br />
139****1988<br />
<br />
136****9161<br />
<br />
133****8755<br />
<br />
186****6801<br />
<br />
136****1555<br />
<br />
189****7658<br />
<br />
138****2433<br />
<br />
181****2162<br />
<br />
132****1171<br />
<br />
134****4444<br />
<br />
134****4743<br />
<br />
186****1036<br />
<br />
139****3388<br />
<br />
181****5153<br />
<br />
173****7099<br />
<br />
189****2016<br />
<br />
133****2861<br />
<br />
136****4745<br />
<br />
137****3584<br />
<br />
135****6055<br />
<br />
184****7850<br />
<br />
189****2892<br />
<br />
186****0200<br />
<br />
135****9205<br />
<br />
139****8499<br />
<br />
150****9200<br />
<br />
176****3123<br />
<br />
136****5920<br />
<br />
158****3178<br />
<br />
138****5192<br />
<br />
159****3006<br />
<br />
185****992<br />
<br />
135****6841<br />
<br />
134****3986<br />
<br />
189****2686<br />
<br />
159****4666<br />
<br />
159****1711<br />
<br />
133****9755<br />
<br />
181****8201<br />
<br />
158****8666<br />
<br />
177****9840<br />
<br />
158****0148<br />
<br />
137****8813<br />
<br />
136****9769<br />
<br />
181****2929<br />
<br />
131****3997<br />
<br />
158****9280<br />
<br />
180****3289<br />
<br />
137****9184<br />
<br />
135****9000<br />
<br />
139****9084<br />
<br />
187****5000<br />
<br />
136****5316<br />
<br />
151****0516<br />
<br />
158****1777<br />
<br />
138****4450<br />
<br />
139****9095<br />
<br />
180****5059<br />
<br />
185****9956<br />
<br />
156****5116<br />
<br />
139****5515<br />
<br />
151****6174<br />
<br />
151****7766<br />
<br />
158****1155<br />
<br />
150****9592<br />
<br />
153****8553<br />
<br />
178****8001<br />
<br />
158****7271<br />
<br />
188****6670<br />
<br />
159****9856<br />
<br />
189****1808<br />
<br />
135****1127<br />
<br />
139****7081<br />
<br />
181****2699<br />
<br />
183****1107<br />
<br />
136****1382<br />
<br />
134****6443<br />
<br />
133****5222<br />
<br />
176****0819<br />
<br />
139****4425<br />
<br />
185****8656<br />
<br />
185****6767<br />
<br />
150****1031<br />
<br />
189****5667<br />
<br />
159****0115<br />
<br />
186****5397<br />
<br />
181****8185<br />
<br />
180****2113<br />
<br />
180****8115<br />
<br />
137****5040<br />
<br />
133****6210<br />
<br />
139****1213<br />
<br />
132****6397<br />
<br />
188****9089<br />
<br />
153****3333<br />
<br />
156****0808<br />
<br />
185****4777<br />
<br />
189****2655<br />
<br />
190****2919<br />
<br />
139****9676<br />
<br />
150****5200<br />
<br />
157****0777<br />
<br />
199****4116<br />
<br />
155****5252<br />
<br />
136****5830<br />
<br />
135****3896<br />
<br />
152****9920<br />
<br />
152****7008<br />
<br />
151****4161<br />
<br />
137****4789<br />
<br />
139****9752<br />
<br />
133****3756<br />
<br />
135****9850<br />
<br />
183****2138<br />
<br />
186****8327<br />
<br />
199****1273<br />
<br />
191****5808<br />
<br />
189****9530<br />
<br />
180****0798<br />
<br />
191****6529<br />
<br />
133****8179<br />
<br />
188****6250<br />
<br />
155****3579<br />
<br />
139****5926<br />
<br />
153****5566<br />
<br />
139****1588<br />
<br />
133****4142<br />
<br />
152****6000<br />
<br />
159****8007<br />
<br />
139****3004<br />
<br />
151****8218<br />
<br />
186****5837<br />
<br />
191****7702<br />
<br />
136****7296<br />
<br />
186****3775<br />
<br />
188****0132<br />
<br />
189****0099<br />
<br />
158****5059<br />
<br />
153****1981<br />
<br />
183****8788<br />
<br />
181****7988<br />
<br />
151****9469<br />
<br />
189****7297<br />
<br />
171****3432<br />
<br />
131****9774<br />
<br />
147****4829<br />
<br />
189****2881<br />
<br />
182****7966<br />
<br />
136****2929<br />
<br />
199****5551<br />
<br />
185****6677<br />
<br />
199****9043<br />
<br />
150****2267<br />
<br />
139****0210<br />
<br />
152****6186<br />
<br />
139****0587<br />
<br />
134****8719<br />
<br />
152****4452<br />
<br />
186****8600<br />
<br />
      </p>
      </div>
    </div>
    <div class="hello_world">
      <button class="top" @click="toTop">
        <img src="@/assets/backToTop.png" width="100%">
      </button>
    </div>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  name: 'w_e_five',
  data () {
    return {
    }
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    },
    toTop () {
      window.location.reload()
    }
  },
  mounted () {
    this.$nextTick(() => {
      // eslint-disable-next-line no-undef
      this.scroll = new BScroll('.body', {
        click: true,
        mouseWheel: true
      })
    })
  }
}
</script>

<style scoped>
.top{
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 100px;
  right: 5px;
  background-color: #fff;
  border: solid 1px gray;
  border-radius: 50%;
}
.father{
  width: 450px;
  height: 100%;
  background-color: #fff;
}
.header{
  width: 100%;
  height:5%;
}
.body{
  width: 450px;
  height: 600px;
  overflow: hidden;
  background-color: #fff;
  border-bottom: solid 1px gray
}
</style>
